<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>系统登录</title>
<link href="css/login.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" />
<link href="css/demo.css" rel="stylesheet" rev="stylesheet" type="text/css" media="all" />
<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.SuperSlide.js"></script>
<script>
$(function(){

$(".i-text").focus(function(){
$(this).addClass('h-light');
});

$(".i-text").focusout(function(){
$(this).removeClass('h-light');
});

$("#username").focus(function(){
 var username = $(this).val();
 if(username=='输入账号'){
 $(this).val('');
 }
});

$("#username").focusout(function(){
 var username = $(this).val();
 if(username==''){
 $(this).val('输入账号');
 }
});


$("#password").focus(function(){
 var username = $(this).val();
 if(username=='输入密码'){
 $(this).val('');
 }
});

$("#yzm").focus(function(){
 var username = $(this).val();
 if(username=='输入验证码'){
 $(this).val('');
 }
});

$("#yzm").focusout(function(){
 var username = $(this).val();
 if(username==''){
 $(this).val('输入验证码');
 }
});
});




</script>


</head>

<body>


<div class="header">
  <h1 class="headerLogo"><img alt="logo" src="images/logo.gif"></a></h1>
	<div class="headerNav">
		<a target="_blank" href="https://yanyu-dyh.rhcloud.com/">个人官网</a>
		<a target="_blank" href="https://yanyu-dyh.rhcloud.com/?page_id=18">关于作者</a>
		<a target="_blank" href="http://hgstyle.webcrow.jp/demo/">意见反馈</a>	
	</div>
</div>

<div class="banner">

<div class="login-aside">
  <div id="o-box-up"></div>
  <div id="o-box-down"  style="table-layout:fixed;">
   <div class="error-box"></div>
   
   <form class="registerform"  method="post" action="going.php">
   <div class="fm-item">
	   <label for="logonId" class="form-label">登陆名：</label>
	   <input type="text" value="输入账号" maxlength="100" id="username" name="username"class="i-text"  datatype="s5-18" errormsg="用户名至少5个字符,最多18个字符！"  >    
       <div class="ui-form-explain"></div>
  </div>
  
  <div class="fm-item">
	   <label for="logonId" class="form-label">登陆密码：</label>
	   <input type="password" value="" maxlength="100" id="password" name="password" class="i-text" datatype="*5-16" nullmsg="请设置密码！" errormsg="密码范围在6~16位之间！">    
       <div class="ui-form-explain"></div>
  </div>
  
  <div class="fm-item pos-r">
	   <label for="logonId" class="form-label">验证码</label>  
     <div class="ui-form-explain">
     <input type="text" class="i-text yzm" id="yzm" name="code_num" maxlength="4" > 
      <img src="code_num.php" id="getcode_num" title="看不清，点击换一张" align="absmiddle"></div>
  </div>
  
  <div class="fm-item">
	   <label for="logonId" class="form-label"></label>
	   <input type="submit" name="submit" value="" tabindex="4"  class="login"> 
       <div class="ui-form-explain"></div>
  </div>
</form>
</div>
</div>

	<div class="bd">
		<ul>
			<li style="background:url(themes/theme-pic1.jpg) #CCE1F3 center 0 no-repeat;"></li>
			<li style="background:url(themes/theme-pic2.jpg) #CCE1F3 center 0 no-repeat;"></li>
		</ul>
	</div>

	<div class="hd"><ul></ul></div>
</div>
<script type="text/javascript">jQuery(".banner").slide({ titCell:".hd ul", mainCell:".bd ul", effect:"fold",  autoPlay:true, autoPage:true, trigger:"click" });</script>

<script type="text/javascript">
            $(function() {
                //数字验证
                $("#getcode_num").click(function() {
                    $(this).attr("src", 'code_num.php?' + Math.random());
                }); 
            });
    </script>


<div class="banner-shadow"></div>

<div class="footer">
   <p>Tech Tribe 版权所有 Copyright 2014-2015, All Rights Reserved .Powered by @虎哥style</p>
</div>



</body>
</html>
